///////////////////////////
// association/Execution //
///////////////////////////

$(document).ready(
		function() {
			$('.logosNiveaux th')
				.bind('click', animerLogo)
				.bind('click',listerMateriel);
		});

// /////////////////////////
// fonctions JavaScript //
// /////////////////////////

var listerMateriel = function() {
	var type = $(this).closest('table').attr("id");
	var niv = $(this).attr("class");
	$('.listeMateriel').empty();
		$.post("ajaxMateriel.php", {
			type : type,
			niv : niv
		}, function(data) {
			if(data) {
				$('.listeMateriel').append(data);
			}
		});

}

var animerLogo = function() {
	var logo = $(this).children('a').children('.logo');
//	si le logo n'est pas encore selectionne, on rapetisse celui qui l'est et on grossit celui-la
	if ((logo.css('width') == "30px")) {
		// on remet tous les logos et textes grossis a leur taille normale
		var logos = $('.logo');
		logos.each(function() {
			if ($(this).css('width') != "30px") {
				$(this).animate({
					width : '30px',
					height : '30px'
				});
			}
		});
		
		// on grossit le logo et le texte choisis
		logo.animate({
			width : '40px',
			height : '40px'
		});
		// on remet le logo choisi au contraste normal
		logo.fadeTo('normal', 1);
		// on estompe tous les autres
		$('.logo').not(logo).fadeTo('normal', 0.4);
	}
}
